<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

    <!-- Font Awesome -->
    <link rel="stylesheet" href="/plugins/fontawesome-free/css/all.min.css">
    <!-- Ionicons -->
    <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
    <!-- Tempusdominus Bootstrap 4 -->
    <link rel="stylesheet" href="/plugins/tempusdominus-bootstrap-4/css/tempusdominus-bootstrap-4.min.css">
    <!-- iCheck -->
    <link rel="stylesheet" href="/plugins/icheck-bootstrap/icheck-bootstrap.min.css">
    <!-- JQVMap -->
    <link rel="stylesheet" href="/plugins/jqvmap/jqvmap.min.css">
    <!-- Theme style -->
    <link rel="stylesheet" href="/dist/css/adminlte.min.css">
    <!-- overlayScrollbars -->
    <link rel="stylesheet" href="/plugins/overlayScrollbars/css/OverlayScrollbars.min.css">
    <!-- Daterange picker -->
    <link rel="stylesheet" href="/plugins/daterangepicker/daterangepicker.css">
    <!-- summernote -->
    <link rel="stylesheet" href="/plugins/summernote/summernote-bs4.min.css">

    <link rel="stylesheet" href="/mycss/bootstrap.min.css">
    <link rel="stylesheet" href="/myPlugins/bootstraptable/bootstrap-table.min.css">
    <script src="/js/jquery-3.6.1.min.js"></script>

    <style>
        .table th {
            text-align: center;
        }

        .table td {
            text-align: center;
        }

        #formscore {
            display: flex;
            justify-content: space-between;
            padding-top: 20px;
            padding-bottom: 20px;
        }
        #first{
            margin-left: 20px;
        }

    </style>
</head>

<body>

<div class="container">
    <div class="row">
        <div class="col">

            <form class="form-inline" id="formscore">
                <div class="form-group" id="first">
                    <label for="searchCourseName">请输入课程名称</label>
                    <input type="text" class="form-control" id="searchCourseName" placeholder="请输入名称" name ="searchCourseName">
                </div>
                <div class="form-group">
                    <label for="searchStudentName">请输入学生姓名</label>
                    <input type="text" class="form-control" id="searchStudentName" placeholder="请输入名称" name ="searchStudentName">
                </div>
                <div class="form-group">
                    <label for="searchScore">请输入成绩</label>
                    <input type="text" oninput="value=value.replace(/[^\d]/g,'');if(value>100)value=100;if(value<0)value=0"
                           class="form-control" id="searchScore" placeholder="请输入成绩" name ="searchScore" pattern="[10-60]">
                </div>
                <button type="button" class="btn btn-default btn-primary" style="margin-top: auto" onclick="search()">查询</button>
                <button type="button" class="btn btn-default btn-primary" style="margin-top: auto;margin-right: 20px" onclick="resetsearch()">重置查询</button>
            </form>

            <table class="table table-bordered table-striped" id="scoreTb"></table>
        </div>

    </div>
</div>

<!-- jQuery -->
<script src="/plugins/jquery/jquery.min.js"></script>
<!-- jQuery UI 1.11.4 -->
<script src="/plugins/jquery-ui/jquery-ui.min.js"></script>
<!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip -->
<script>
    $.widget.bridge('uibutton', $.ui.button)
</script>
<!-- Bootstrap 4 -->
<script src="/plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- ChartJS -->
<script src="/plugins/chart.js/Chart.min.js"></script>
<!-- Sparkline -->
<script src="/plugins/sparklines/sparkline.js"></script>
<!-- JQVMap -->
<script src="/plugins/jqvmap/jquery.vmap.min.js"></script>
<script src="/plugins/jqvmap/maps/jquery.vmap.usa.js"></script>
<!-- jQuery Knob Chart -->
<script src="/plugins/jquery-knob/jquery.knob.min.js"></script>
<!-- daterangepicker -->
<script src="/plugins/moment/moment.min.js"></script>
<script src="/plugins/daterangepicker/daterangepicker.js"></script>
<!-- Tempusdominus Bootstrap 4 -->
<script src="/plugins/tempusdominus-bootstrap-4/js/tempusdominus-bootstrap-4.min.js"></script>
<!-- Summernote -->
<script src="/plugins/summernote/summernote-bs4.min.js"></script>
<!-- overlayScrollbars -->
<script src="/plugins/overlayScrollbars/js/jquery.overlayScrollbars.min.js"></script>
<!-- AdminLTE App -->
<script src="/dist/js/adminlte.js"></script>
<script src="/myjs/bootstrap.min.js"></script>
<script src="/myPlugins/bootstraptable/bootstrap-table.min.js"></script>
<script src="/myPlugins/bootstraptable/locale/bootstrap-table-zh-CN.js"></script>
<script src="/myjs/sScorelist.js"></script>
</body>

</html>